<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>统一地图平台</title><link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <style>
        html,
        body,
        #mapui {
            width: 100%;
            height: 100%;
        }

        html,
        body {
            margin: 0;
            padding: 0;
        }
    </style>
</head>

<body>
    <div id="mapui"></div>

    <script src="./js_example/script/map.min.js"></script>
    <script src="./js_example/script/demo.js"></script>

    <script>
        var amap = null;
        map.Factory.create('mapui', {
            style: style,
            center: center, // 中心点
            zoom: 17, // 当前地图级别
            maxZoom: 19, // 地图最大级别
            minZoom: 1, // 地图最小级别
            strategy: ['mapboxgl', 'openlayers', 'leaflet'],
            fullExtent: {
                xmin: 108.23365,
                ymin: 17.95253,
                xmax: 111.78395,
                ymax: 20.13104
            }
        }, (o) => {
            amap = o;
            //定义建筑物图层properties对象的ID值数组对象
            // let idArrays = [];
            // const layers = amap.getMap().getStyle().layers;
            // //定义建筑物图层ID对象
            // let labelLayerId;
            // //定义建筑物图层默认颜色对象
            // let extrusionColor;
            // //获取建筑物图层的图层ID和默认的渲染颜色
            // for (let i = 0; i < layers.length; i++) {
            //     if (layers[i].type === 'fill-extrusion') {
            //         labelLayerId = layers[i].id;
            //         extrusionColor = layers[i]["paint"]["fill-extrusion-color"];
            //         break;
            //     }
            // }
            // //点击建筑物,渲染当前点击的建筑物设置不同的颜色
            // amap.getMap().on('click', e => {
            //     if (e.features && e.features.length > 0) {
            //         //获取当前点击建筑的属性对象的ID值
            //         e.features.forEach(feature => {
            //             if (idArrays.indexOf(feature.properties.ID) < 0) {
            //                 idArrays.push(feature.properties.ID);
            //             }
            //         });
            //         //根据属性对象ID值匹配渲染不同的颜色
            //         amap.getMap().setPaintProperty(labelLayerId, "fill-extrusion-color", [
            //             "match",
            //             ["get", "ID"],
            //             idArrays,
            //             '#C3436F',
            //             extrusionColor
            //         ]);
            //     };
            // }, {
            //     layerId: labelLayerId
            // });
        });
    </script>
</body>

</html>